<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>面试经验</title>
<!-- qt-journal-teacher.jsp -->
<!-- 主题模式  -->
<link rel="stylesheet" href="public/css/journal.css" />
<link rel="stylesheet" href="public/css/text.css" />
<!-- 主题模式  -->
<link rel="stylesheet" href="public/easyui/themes/default/easyui.css" />
<!-- 图标-->
<link rel="stylesheet" href="public/easyui/themes/icon.css" />
<!-- js,顺序：jq,easyui,简中版 -->
<script src="public/js/jquery.min.js"></script>
<script src="public/easyui/jquery.easyui.min.js"></script>
<script src="public/easyui/locale/easyui-lang-zh_CN.js"></script>

<!-- js -->
<style>
.tab1 {
	width: 150px;
	height: 24px;
	line-height: 24px;
	border-top: 2px solid dodgerblue;
	border-bottom: 2px solid white;
	border-left: 1px solid dodgerblue;
	border-right: 1px solid dodgerblue;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	top: 2px;
	left: 20px;
	text-align: center;
	color: rgb(38, 129, 166);
	font-weight: bold;
	font-size: 12px;
	margin-top: 12px;
	background: white;
}

.tab1_line {
	height: 4px;
	border: none;
	border-top: 1px solid dodgerblue;
}

a.ctr {
	cursor: pointer;
}

a.ctr:AFTER {
	content: "|";
	margin: 0 5px;
}

a.ctr:last-child:AFTER {
	content: "";
	margin-right: 0;
}

a.ctr:HOVER {
	color: #f60;
}

.form-item {
	margin: 20px 10px;
}

.form-item>label {
	letter-spacing: 3px;
	width: 110px;
	text-align: right;
	display: inline-block;
}

.form-item>label:AFTER {
	content: ":";
}

.form-item input[type=text] {
	width: 100px;
}

.form-item.required>label:BEFORE {
	content: "*";
	color: red;
}

.qiuzhi {
	width: 330px;
	height: 76px;
	margin-left: 117px;
}

.biaoti {
	border: 1px solid #95B8E7;
	width: 550px;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #95B8E7;
}

.guidang {
	margin-top: 15px;
}

tbody td {
	border: 1px solid #95B8E7;
	padding: 8px;
}

table {
	margin: 0px;
	padding-top: 2px;
	padding: 0px;
	border-collapse: collapse;
}

#div_biao #tianjiayihang {
	padding: 10px;
	border: 1px solid #95B8E7;
	border-top-style: none;
	text-align: center;
	font-size: 25px;
}
</style>
</head>
<body class="fatherdiv">
	<div>
		<div class="nav">
			您好! <a href="" class="">${userinfo.studentName}</a> 部门： <a>${classEntity.className}</a>
			部门经理： <a>${monitor.studentName}</a> 学分： <a
				href="javascript:loadXxx('stu/myscore.jsp')">[${userinfo.totalCredits}分]</a>
			<a target="" class="" href="">[查看课表]</a> <a id="qiantaipass" class=""
				href="qt-user-updatepass">[修改密码]</a> <a class="" href="logout"
				onclick="return confirm('确定退出？')">[注销]</a>
		</div>
		<ul class="nav_head">
			<li>
				<div>
					<img src="public/images/xuexi.png" /> <a href="qiantai">快乐学习</a>
				</div>
			</li>
			<li>
				<div>
					<img src="public/images/quxian.png" /> <a href="qt-assessment">学习评估</a>
				</div>
			</li>
				<!-- <li>
			<div>
				<img src="public/images/rongyu.png" /> <a href="qt-my-honor">我的荣誉</a>
			</div>
		</li> 
		<li>
			<div>
				<img src="public/images/rizhi.png" /> <a
					href="qt-journal-recommend">教学日志</a>
			</div>
		</li>-->
			<li>
				<div>
					<img src="public/images/jihua.png" /> <a
						href="qt-learnplan-publish">学习计划</a>
				</div>
			</li>
			<li>
				<div>
					<img src="public/images/tuadui.png" /> <a href="qt-project-team">项目团队</a>
				</div>
			</li>
			<li>
				<div>
					<img src="public/images/jiuye.png" /> <a
						href="chaxuijingyan?id=-1">就业资讯</a>
				</div>
			</li>
		</ul>
		<!--头部上-->
	</div>
	<!--
            	作者：offline
            	时间：2017-11-14
            	描述：日志导航div
            -->
	<div class="journal_body_div">
		<div class="journal_navigation_div">
			<ul class="navigation_ul">
				<li class="navigation_li"><a class="li_a"
					href="chaxuijingyan?id=-1">面试经验 </a></li>
				<li class="navigation_li"><a class="li_a"
					href="chaxuijianliguanli?id=${userinfo.stuId}">简历管理 </a></li>
				<li class="navigation_li"><a class="li_a" href="qt-jy-mianshi">添加面试记录
				</a></li>
				<li class="navigation_li li_selected"><a class="li_a"
					href="chaxunjilu?id=0">查询所有面试记录 </a></li>
			</ul>
		</div>
		<div class="journal_tabs">
			<div class="tab1">面试记录详情</div>
			<div class="tab1_line"></div>
			<div>
				<form action="jilutianjia" method="post"
					enctype="multipart/form-data">
					<h3 style="text-align: center;"></h3>
					<div style="padding-left: 5%;">
						<div>
							<input type="hidden" name="interviewId"
								value="${xinxi.interviewId}">
							<div class="form-item">
								<label for="">学生姓名</label> <input value="${xueshen.studentName}"
									type="text" readonly="readonly" class="easyui-textbox"style="width: 150px;"
									name="stuName"> <label for="">是否成功</label> <span>${xinxi.interviewSuccess == '2'?'否':'是' }</span>
							</div>
							<div class="form-item">
								<label for="">公司名称</label> <input
									value="${xinxi.interviewCompany}" type="text"style="width: 150px;"
									class="easyui-textbox" name="gongsi"> <label for="">面试时间</label>
								<input class="easyui-datetimebox" value="${xinxi.interviewTime}"
									type="text" class="easyui-textbox" name="manshishijian"
									style="width: 150px;">
							</div>
							<div class="form-item">
								<label for="">面试地点</label> <input
									value="${xinxi.interviewAddress}" type="text"style="width: 150px;"
									class="easyui-textbox" name="mianshididian">
							</div>
						</div>
						<div class="form-item required">
							<span class="biaoti" style="color: white;">预案:</span><br /> <input
								class="easyui-textbox" name="yvan"
								value="${xinxi.interviewPlan}" data-options="multiline:true"
								style="height: 150px; width: 600px;"></input>
						</div>
						<div style="margin: 20px 0;"></div>
						<div id="panel" style="margin: 10px; width: 600px">
							<div class="right4" id="right" style="width: 600px">
								<div style="display: inline-block; width: 100%;" id="div_biao">
									<div id="tianjiayihang"
										style="border-top: 1px solid #95B8E7; border-bottom-style: none;">
										<span style="font-weight: bolder">面试资料</span>
									</div>
									<table style="width: 100%; border: 1px solid #CCC;">
										<tbody class="biaoge">
											<tr style="border: 1px solid #CCC;">
												<td>面试问题</td>
												<td>答案</td>
												<td width="100px">类型</td>
												<td>操作</td>
											</tr>
										</tbody>
										<tbody id="tbody">
											<c:forEach items="${materials}" var="materials">
												<tr>
													<td><input type="hidden" name="id"
														value="${materials.interview_materials_id}"> <textarea
															name="plan_detail" style="width: 80%; height: 50px;"
															rows="5">${materials.interview_materials_question}</textarea></td>
													<td><textarea name="support"
															style="width: 80%; height: 50px" rows="5">${materials. interview_materials_answer}</textarea></td>
													<td><select name="language" style="width: 80px;">
															<option value="生活"
																${materials.interview_question_type=='生活'?'selected':''}>生活</option>
															<option value="技术"
																${materials.interview_question_type=='技术'?'selected':''}>技术</option>
															<option value="其他"
																${materials.interview_question_type=='其他'?'selected':''}
																selected="selected">其他</option>
													</select></td>
													<td><a style="cursor: pointer" class="rm">删除</a></td>
												</tr>
											</c:forEach>
										</tbody>
									</table>
									<div id="tianjiayihang"
										style="display: ${xxxx=='2'?'none':'block'}">
										<button type="button" id="appendRow" style="">增加一行</button>
									</div>
									<div id="tianjiayihang"
										style="border-top: 0px solid #95B8E7; border-bottom-style: none;">
										<span style="font-weight: bolder">音频资料</span>
									</div>
									<div style="display: inline-block;width: 599px;border: 1px solid #95B8E7; border-top-style: none; border-left-style: none;border-bottom-style: none;">
										<input type="hidden" name="yinId" value="${yin.imageId}">
										<table style="width:598px;">
											<tbody class="biaoge">
												<tr style="border-top-style: none;">
													<td style="padding: 7px;">文件名</td>
													<td style="padding: 7px;">文件地址</td>
													<td style="padding: 7px;">时间</td>
													<td style="padding: 7px;">操作</td>
												</tr>
											</tbody>
											<tbody  style="${yin==null?'display:none':''} ">
												<tr>
													<td style="padding: 7.5px;">${yin.imageName}</td>
													<td style="padding: 7.5px;">${yinpath}</td>
													<td style="padding: 7.5px;">${yin.imageTime}</td>
													<td style="width:30px;padding: 8px;"><a href="download/${yin.imageId }" style="text-decoration: none">下载</a></td>
												</tr>
											</tbody>

										</table>
										</div>
										<div
											style="width: 100%; float: left; display: ${xxxx=='2'?'none':'block'};border:1px solid #95B8E7;border-top-style: none;width:598px;">
											<input type="hidden" name="yinId" value="">
											<div
												style="line-height: 40px; float: left; border-right: 1px solid #95B8E7; border-top-style: none; height: 40px; width: 80px; padding-left: 10px">
												<span style="font-weight: bolder;">音频：</span>
											</div>
											<div
												style="margin: 0 auto; float: left;  border-left-style: none; height: 28px; width: 406.5px; padding-top: 12px; padding-left: 100px">
												<input type="file" name="yinpin" style="margint: 5px" />
											</div>
										</div>
									
									<div id="tianjiayihang" style="float: left; width: 578px">
										<span style="font-weight: bolder">复试记录</span>
									</div>
									<c:forEach items="${retest}" var="retest">
										<div style="float: left; width: 600px;">
											<table style="width: 100%">
												<tbody id="tbody">
													<tr>

														<td style="width: 15%; border-top-style: none;"><input
															type="hidden" name="retestId" value="${retest.retest_id}">
															<span>复试时间：</span></td>
														<td style="width: 35%; border-top-style: none;"><input
															value="${retest.retest_time}" type="text"
															class="easyui-datetimebox" name="retestTime"
															style="width: 150px;"></td>
														<td style="width: 15%; border-top-style: none;"><span>复试地点：</span>
														</td>
														<td style="width: 35%; border-top-style: none;"><input
															value="${retest.retest_address}" type="text"
															class="easyui-textbox" name="retestAddress" style="width: 150px;"></td>
													</tr>
												</tbody>
											</table>
										</div>
										<div style="float: left; width: 600px;">
											<table style="width: 100%">
												<tbody id="tbody">
													<tr>
														<td style="width: 15%; border-top-style: none;">预案：</td>
														<td style="width: 85%; border-top-style: none;"><input
															class="easyui-textbox" name="retestPlan"
															data-options="multiline:true"
															style="height: 50px; width: 400px;"
															value="${retest.retest_plan}"></input></td>
													</tr>
													<tr>
														<td style="width: 15%; border-top-style: none;">心得：</td>
														<td style="width: 85%; border-top-style: none;"><input
															class="easyui-textbox" name="retestPlus"
															data-options="multiline:true"
															style="height: 50px; width: 400px;"
															value="${retest.retest_plus}"></input></td>
													</tr>
												</tbody>
											</table>
										</div>
									</c:forEach>
									<div id="tianjiayihang" style="float: left; width: 578px">
										<span style="font-weight: bolder">offer记录</span>
									</div>
									<div style="float: left; width: 600px; height: 100px;">
										<div style="float: left; height: 100px; width: 15%">
											<div
												style="width: 100%; height: 100%; border: 1px solid #95B8E7; border-top-style: none;">
												<input type="hidden" name="imageId" value="${img.imageId}">
												<input type="hidden" name="offerId"
													value="${offer.offer_id}"> <a href="${imgpath}" target="_blank"><img
													style="${img.imageName==null?'':'width: 100%; height: 100%;'}" src="${imgpath}"
													alt="${img.imageName}" /></a>
											</div>
										</div>
										<div style="float: left; width: 85%; height: 100%">
											<table style="width: 100%; height: 50%;">
												<tbody id="tbody" style="height: 100%; width: 100px">
													<tr>

														<td
															style="width: 78px; height: 100%; border-top-style: none; border-left-style: none"><span>接收时间：</span></td>
														<td
															style="width: 178px; height: 100%; border-top-style: none;"><input
															value="${offer.offer_time}" type="text" name="offerTime"
															class="easyui-datetimebox" style="width: 150px;"></td>
														<td
															style="width: 78px; height: 100%; border-top-style: none;"><span>提交时间：</span>
														</td>
														<td
															style="width: 178px; height: 100%; border-top-style: none;">${offer.upload_time}</td>
													</tr>
												</tbody>
											</table>
											<div
												style="height: 32.8px; width: 99.8%; border: 1px solid #95B8E7; border-top-style: none; border-left-style: none; text-align: center; padding-top: 17px">
												${xxxx=='2'?'不是本人登录！':'图片：<input type="file" name="file" />'}
											</div>
										</div>
									</div>
									<div id="tianjiayihang" style="float: left; width: 578px;">
										<span style="font-weight: bolder">归档信息</span>
									</div>
									<div style="float: left; width: 600px;">
										<table style="width: 100%">
											<tbody id="tbody">
												<tr>

													<td style="width: 15%; border-top-style: none;"><input
														type="hidden" name="fileId" value="${file.file_id}">
														<span>试用薪水：</span></td>
													<td style="width: 35%; border-top-style: none;"><input
														value="${file.probation_salary}" type="text"
														class="easyui-numberbox" name="probationSalary"
														style="width: 150px;"></td>
													<td style="width: 15%; border-top-style: none;"><span>转正薪水：</span>
													</td>
													<td style="width: 35%; border-top-style: none;"><input
														value="${file.regular_salary}" type="text"
														class="easyui-numberbox" name="regularSalary"
														style="width: 150px;"></td>
												</tr>
												<tr>
													<td style="width: 15%; border-top-style: none;"><span>试用时间：</span>
													</td>
													<td style="width: 35%; border-top-style: none;"><input
														value="${file.retest_plus}" type="text"
														class="easyui-numberbox" name="Plus" style="width: 150px;"></td>
													<td style="width: 15%; border-top-style: none;"><span>就业时间：</span>
													</td>
													<td style="width: 35%; border-top-style: none;"><input
														value="${file.employment_time}" type="text"
														class="easyui-datetimebox" name="employmentTime"
														style="width: 150px;"></td>
												</tr>
											</tbody>
										</table>
									</div>
									<script type="text/html" id="rowTpls">
										<tr>
											<td>
												<input type="hidden" name="id" value="-1">
												<textarea required name="plan_detail" style="width: 80%;height: 50px;" rows="5"></textarea>
											</td>
											<td>
												<textarea name="support" style="width: 80%;height: 50px" rows="5"></textarea>
											</td>
											<td>
												<select class="easyui-combobox" data-options="multiple:false,panelHeight:'auto',editable:false " name="language" style="width: 80px;">
													<option value="生活">生活</option>
													<option value="技术">技术</option>
													<option value="其他" selected="selected">其他</option>
												</select>
											</td>
											<td>
												<a style="cursor: pointer" class="rm">删除</a>
											</td>
										</tr>
									</script>
								</div>
								<div
									style="margin-top: 30px; margin-left: 75%; margin-bottom: 5px;">
									<button class="easyui-linkbutton"
										style="width: 70px;${xxxx=='2'?'VISIBILITY:hidden':''}">保存</button>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!--底部下-->
	<div class="home_page_bottom">
		<div class="botton_left">
			<img style="height: 50px; margin-left: 10px;"
				src="public/images/downloadlog.png" />
		</div>
		<div class="botton_right">
			<div>
				?2017 <a style="color: gray;">中科韬睿</a> 版权所有 版本 Ver 1.1.8
			</div>
			<div>研发部技术总监 李赞红 郭华</div>
			<div>电话 18573308384 18673363711</div>
		</div>
	</div>
</body>
<script>
	$(function() {
		//网页的dom结构加载完成时触发
		$("#panel3").panel({
			title : "offer",
			iconCls : "icon-ok",
			width : 650,
			height : 380,
			collapsible : true, //是否可以收缩
			collapsed : true,
			border : false,
		});
	});
	$(function() {
		var rowTpl = $("#rowTpls").html();
		$("#appendRow").click(function() {
			$("#tbody").append(rowTpl);
		});

		$('table').on('click', '.rm', function() {
			if (confirm("是否删除？")) {
				var that = this;
				if (that.dataset.id) {
					$.get('stu/plan-rm.jsp', {
						id : this.dataset.id
					}, function() {
						$(that).closest('tr').remove();
					});
				} else {
					$(that).closest('tr').remove();
				}
			}
		});
	});
</script>


</html>